<%@ page title="" language="C#" masterpagefile="~/EmpSite.master" autoeventwireup="true" enableeventvalidation="false" inherits="EmployeeProfile, App_Web_xtpq4zcp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" Runat="Server">
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<style>
    .container .dash-pane2 {
        margin-top: 123px !important;
    }
    .footer {
        margin-top: -40px !important;
    }
    .pro-img {
        width: 100%;
        height: 149px;
        border-radius: 8px;
        margin-top: 17px;
        border: 2px solid #ff6d0057;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    }
    .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
        border-radius: 3px;
        margin-top: -25px;
        padding: 7px;
    }
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 5px 8px;
        vertical-align: middle;
        border-color: #ddd;
        font-size: 14px;
    }
    .card-stats .card-header.card-header-icon i {
        font-size: 36px;
        line-height: 24px;
        width: 30px;
        height: 30px;
        text-align: center;
    }
    .card .card-body {
        padding: 10px 15px;
        position: relative;
        padding-bottom: 5px !important;
    }
    .card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
        margin-top: -27px;
    }
    .mar-news {
        color: #999;
        font-size: 18px;
        font-weight: 300;
    }
    .table tr td {
        color: #333;
        font-weight: 200;
    }
    .emp-table tr th {
        background: #fff !important;
        color: #000 !important;
        font-weight: 600 !important;
    }
</style>
    <div class="main-panel">
        <div class="content">
            <div class="container" id="abc" runat="server">
                <div class="row dash-pane2">
                    <div class="col-lg-4 col-md-12">
                        <div class="card card-profile">
                            <div class="card-avatar" style="box-shadow:none;margin-top:25px;">
                                <a href="#"><img src="images/profile-icon.png" id="Img1" runat="server" class="img-responsive" /></a>
                            </div>
                            <div class="card-body" style="margin-top:-20px;margin-bottom:-18px">
                                <div class="card-description" style="margin-top:30px;margin-bottom:20px;">
                                    <div class="row" style="margin:0px;">
                                        <table class="table table-hover">
                                            <tbody>
                                                <tr>
                                                    <td width="40%"><h4><strong>Employee ID</strong></h4></td>
                                                    <td width="5%">:</td>
                                                    <td width="55%"><h4><asp:Label ID="LblEmcode" runat="server" Text=""></asp:Label></h4></td>
                                                </tr>
                                                <tr>
                                                    <td width="42%"><h4><strong>Employee Name</strong></h4></td>
                                                    <td width="3%">:</td>
                                                    <td width="55%"><h4><asp:Label ID="Lblempname" runat="server" Text=""></asp:Label></h4></td>
                                                </tr>
                                                <tr>
                                                    <td width="42%"><h4><strong>Email ID</strong></h4></td>
                                                    <td width="3%">:</td>
                                                    <td width="55%"><h4><asp:Label ID="Lblemail" runat="server" Text=""></asp:Label> </h4></td>
                                                </tr>
                                                <tr>
                                                    <td width="40%"><h4><strong><asp:Label ID="lblEmailIDPhone" runat="server" Text="Phone :"></asp:Label></strong></h4></td>
                                                    <td width="5%">:</td>
                                                    <td width="55%"><h4><asp:Label ID="LblMob" runat="server" Text=""></asp:Label></h4></td>
                                                </tr>
                                                <tr>
                                                    <td width="40%"><h4><strong>Designation</strong></h4></td>
                                                    <td width="5%">:</td>
                                                    <td width="55%"><h4><asp:Label ID="lbldesig" runat="server" Text=""></asp:Label></h4></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12" style="display:none;">
              <div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title"><i class="fa fa-user fa-fw"></i> <asp:Label ID="lblProfileDetails" runat="server" Text="Profile Details"></asp:Label></h4>
               
                </div>
                <div class="card-body table-responsive">
                <div class="row">
                <div class="col-lg-4">
                		<div class="profileItem">
						 <img src="images/profile-icon.png" id="Procfilepic" runat="server" class="img-responsive pro-img" />
						 </div>
                </div>
                <div class="col-lg-8">
                <table class="table table-hover">
                     <tbody>
                                            <tr>
                                                <td width="35%"><asp:Label ID="lblEmployeeName"  runat="server" Text="Employee Name"></asp:Label></td>
                                                <td width="5%">:</td>
                                                <td width="60%">
       <asp:Label ID="Lblempname5" runat="server" Text=""></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td><asp:Label ID="lblEmployeeID" runat="server" Text="Employee ID"></asp:Label></td>
                                                <td>:</td>
                                                <td>
           <asp:Label ID="LblEmcode1" runat="server" Text=""></asp:Label></td>
                                            </tr> 
											<tr>
                                                <td></td>
                                                <td>:</td>
                                                <td>
               <asp:Label ID="LblMob1" runat="server" Text=""></asp:Label></td>
                                            </tr>
											<tr>
                                                <td><asp:Label ID="lblDesignation" runat="server" Text="Designation"></asp:Label></td>
                                                <td>:</td>
                                                <td>
                   <asp:Label ID="lbldesig21" runat="server" Text=""></asp:Label></td>
                                            </tr>
                                        </tbody>
                  </table>
                </div>
                </div>
                  
                </div>
              </div>
            </div>

                    <div class="col-lg-8 col-md-12">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="card card-stats">
                            <div class="card-header card-header-icon">
                                <div class="card-icon" style="background:#29b01f;padding:20px;padding-top:23px;">
                                    <i class="fa fa-sign-in"></i>
                                </div>
                                <h3 class="card-title"> 
                                    <asp:Label ID="lblPrentofmonth" runat="server" Text="0" ></asp:Label>
                                </h3>
                            </div>
                            <div class="row" style="font-size:17px;margin-left:auto;margin-right:auto; margin-top:10px;">
                                <p class="card-category">
                                    <asp:Label ID="lblPresentofMonth" runat="server" Text="Present of Month"></asp:Label>
                                </p>
                            </div>       
                       </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card card-stats">
                            <div class="card-header card-header-icon">
                                <div class="card-icon" style="background-color:rgba(255, 86, 65, 1);padding:20px;padding-top:23px;">
                                    <i class="fa fa-sign-out fa-5x"></i>
                                </div>
                                <h3 class="card-title"><asp:Label ID="lblabsent" runat="server" Text="0" ></asp:Label></h3>
                            </div> 
                            <div class="row text-center" style="font-size:17px; margin-left:auto;margin-right:auto; margin-top:10px;">
                                <p class="card-category">
                                    <asp:Label ID="lblAbsentofMonth" runat="server" Text="Absent of  Month"></asp:Label>
                                </p>
                            </div>   
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="card card-stats">
                            <div class="card-header card-header-danger card-header-icon">
                                <div class="card-icon" style="padding:20px;padding-top:23px;">
                                    <i class="fa fa-clock fa-5x"></i>
                                </div>
                                <h3 class="card-title"> <asp:Label ID="lbllate" runat="server" Text="0"></asp:Label></h3>
                            </div>
                            <div class="row text-center" style="font-size:17px;margin-left:auto;margin-right:auto; margin-top:10px;">  
                                <p class="card-category">
                                    <asp:Label ID="lblLateinmonth" runat="server" Text="Late in Month"></asp:Label>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12" style="margin-top:30px;">
                        <div class="card">
                            <div class="card-header" style="background: linear-gradient(60deg, #26c6da, #00acc1) !important;">
                                <div class="card-title1"><i class="fa fa-bar-chart-o fa-2x"></i> <span style="font-size:16px;">&emsp;Attendence Chart</span></div>
                            </div>
                            <div class="card-body">
                               <asp:Chart ID="chtCategoriesProductCountBarChart"  Width="100px" runat="server" Height="180px">
                                        <Titles>
                                            <asp:Title Text="Department wise Absent Chart">
                                            </asp:Title>
                                        </Titles>
                                        <Series>
                                            <asp:Series Name="Categories" ChartType="Line" ChartArea="MainChartArea" BorderWidth="5"
                                                Color="Red">
                                            </asp:Series>
                                        </Series>
                                        <ChartAreas>
                                            <asp:ChartArea Name="MainChartArea">
                                            </asp:ChartArea>
                                        </ChartAreas>
                                    </asp:Chart>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12" style="margin-top:45px;display:none;">
               <div class="card">
                <div class="card-header card-header-warning" style="background: linear-gradient(60deg,#26c6da,#00acc1) !important;">
                <div class="row">
                <div class="col-lg-6 card-title"><i class="fa fa-newspaper-o  fa-2x"></i></div>
                 <div class="col-lg-6 text-right card-title" style="font-size:20px;"></div>
                </div>
                </div>
                <div class="card-body table-responsive">
                 <marquee direction="right"><span class="mar-news"><asp:Label ID="lblNewsss" runat="server" Text=" "></asp:Label></span></marquee>
                </div>
              </div>
             </div>
                </div>
            </div>

                </div>
                <div class="row" style="margin-top:50px; margin-left:15px; margin-right:15px;visibility:hidden;">
                    <div class="col-lg-6" style="display:none;">
        <div class="card">
                <div class="card-header card-header-warning" style="background: linear-gradient(to bottom, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%) !important;">
                  <h4 class="card-title"><i class="fa fa-mortar-board fa-fw"></i> <asp:Label ID="lblLeaveBalance" runat="server" Text="Leave Balance"></asp:Label></h4>
            
                </div>
                <div class="card-body table-responsive">
                <!-- <asp:GridView ID="GridView1" runat="server" CellPadding="3" Width="100%" BackColor="#DEBA84"  ShowHeaderWhenEmpty="true" CssClass="table table-hover" >
        </asp:GridView>-->
                 <table class="table table-hover emp-table">
                                        <thead>
                                            <tr style="background:#fff !important;">
                                                <th>S.no.</th>
                                                <th>Course</th>
                                                <th>Board</th>
                                                <th>Year</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr>
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr> 
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr>
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr>
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr>                                     
                                        </tbody>
                                    </table>
                </div>
              </div>
        
        </div>
                    <div class="col-lg-6" style="display:none;">
        <div class="card">
                <div class="card-header card-header-warning" style="background: linear-gradient(to bottom, rgba(255, 86, 65, 1) 1%, rgba(253, 50, 97, 1) 99%) !important;">
                  <h4 class="card-title"><i class="fa fa-suitcase fa-fw"></i> <asp:Label ID="lblAttendanceActivities" runat="server" Text="Attendance-Activities"></asp:Label></h4>
                
                </div>
                <div class="card-body table-responsive">
                     <!-- <asp:GridView ID="GridView2" runat="server" CellPadding="3" Width="100%" BackColor="#DEBA84"  ShowHeaderWhenEmpty="true" CssClass="table table-hover" >
        </asp:GridView>-->
            <table class="table table-hover emp-table">
                                        <thead>
                                            <tr>
                                                <th>S.no.</th>
                                                <th>Course</th>
                                                <th>Board</th>
                                                <th>Year</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr>
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr> 
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr>
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr>
                                            <tr>
                                                <td>01</td>
                                                <td>MCA</td>
                                                <td>AMITY</td>
                                                <td>2006</td>
                                            </tr>                                     
                                        </tbody>
                                    </table>
                </div>
              </div>
        </div>
                </div>
            </div>
        </div>
    </div>


</asp:Content>

